<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../src/sea-ui.css">
    <title>按钮</title>
</head>

<body>
    <!-- 内容区 -->
    <div class="sea-content">
        <div class="sea-panel-title">大按钮</div>
        <div class="sea-panel-body no-padding">
            <br>
            <a href="javascript:;" class="sea-btn sea-btn-large">大按钮</a>
            <br>
            <a href="javascript:;" class="sea-btn sea-btn-large sea-btn-primary">大按钮</a>
            <br>
            <a href="javascript:;" class="sea-btn sea-btn-large sea-btn-warning">大按钮</a>
            <br>
            <a href="javascript:;" class="sea-btn  sea-btn-large sea-btn-disabled">大按钮</a>
            <br>
        </div>
        <div class="sea-panel-title">标准按钮</div>
        <div class="sea-panel-body no-padding">
            <br>
            <a href="javascript:;" class="sea-btn">标准按钮</a>
            <br>
            <a href="javascript:;" class="sea-btn sea-btn-primary">主操作按钮</a>
            <br>
            <a href="javascript:;" class="sea-btn sea-btn-warning">警示按钮</a>
            <br>
            <a href="javascript:;" class="sea-btn sea-btn-disabled">不可用按钮</a>
            <br>
        </div>
       
        <div class="sea-panel-title">小按钮</div>
        <div class="sea-panel-body">
            <a href="javascript:;" class="sea-btn sea-btn-mini">小按钮</a>
            <a href="javascript:;" class="sea-btn sea-btn-mini sea-btn-primary">小按钮</a>
            <a href="javascript:;" class="sea-btn sea-btn-mini sea-btn-warning">小按钮</a>
            <a href="javascript:;" class="sea-btn sea-btn-mini sea-btn-disabled">小按钮小按钮</a>
            <br>
        </div>
    </div>
</body>

</html>